<template>
  <div id="app-container">
    <u-page title="用印申请单">
      <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="160px" label-position="left" class="ruleForm">
        <el-descriptions class="frominfo" >
          <el-descriptions-item label="申请人员">牟婧瑶【02180044】</el-descriptions-item>
          <el-descriptions-item label="表单编号">00000001</el-descriptions-item>
          <el-descriptions-item label="申请时间">2022-10-12 14:20:10</el-descriptions-item>
          <el-descriptions-item label="填表人员">牟婧瑶【02180044】</el-descriptions-item>
          <el-descriptions-item label="当前处理人"></el-descriptions-item>
        </el-descriptions>
        <div class = 'fromcheck'>
          <el-form-item label="是否生成合同"  prop="ifcontract" >
            <el-radio-group v-model="ruleForm.ifcontract">
              <el-radio label="是"></el-radio>
              <el-radio label="否"></el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="用印顺序" prop="sequence">
            <el-radio-group v-model="ruleForm.sequence">
              <el-radio label="对方先用印"></el-radio>
              <el-radio label="我方先用印"></el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="印章类型" prop="sealtype">
            <el-radio-group v-model="ruleForm.sealtype">
              <el-radio label="实物印章"></el-radio>
              <el-radio label="电子印章"></el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="对方类型" prop="usertype">
            <el-radio-group v-model="ruleForm.usertype">
              <el-radio label="个人"></el-radio>
              <el-radio label="企业"></el-radio>
            </el-radio-group>
          </el-form-item>
        </div>

      </el-form>
    </u-page>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      ruleForm: {
        ifcontract: '',
        sequence: '',
        sealtype: '',
        usertype: ''
      },
      rules: {
        ifcontract: [
          { required: true, message: '请选择是否生成合同', trigger: 'change' }
        ],
        sequence: [
          { required: true, message: '请选择合同顺序', trigger: 'change' }
        ],
        sealtype: [
          { required: true, message: '请选择用印类型', trigger: 'change' }
        ],
        usertype: [
          { required: true, message: '请选择对方类型', trigger: 'change' }
        ]
      }
    }
  },
  created() {},
  computed() {},
  methods: {
  }
}
</script>

<style scoped>
    .fromcheck .el-form-item{
      margin-bottom:3px;
    }
    .fromcheck .el-form-item--small.el-form-item{
      margin-bottom:3px;
    }
</style>
